<#assign pageTitle="${siteCompany.siteName!}"/>
<#assign pageHeader>
    <link rel="stylesheet" type="text/css" href="/static/h5/css/index.css?20211102"/>
</#assign>
<#assign pageContent>
    <div class="home-header header-search">
        <div class="icon-logo"><img src="/static/h5/images/logo.png" alt=""></div>
        <van-search
                v-model="value"
                show-action
                placeholder="请输入关键词"
                @search="onSearch"
        >
            <template #action>
                <div @click="onSearch">搜索</div>
            </template>
        </van-search>
    </div>
    <div class="index-banner">
        <a href="https://www.dwvan.com/course/view/6.html">
            <img src="/static/h5/images/banner-h5-0427.jpg" alt="">
        </a>
    </div>
    <van-row class="header-menu">
<#--        <a href="/course/index.html">
            <img src="/static/h5/images/icon-menu-2.png" alt="">
            <p>同步课</p>
        </a>-->
        <a href="/course/pro.html">
            <img src="/static/h5/images/icon-menu-3.png" alt="">
            <p>大师课</p>
        </a>
        <#--a href="/teacher/index.html">
            <img src="/static/h5/images/icon-menu-5.png" alt="">
            <p>专家</p>
        </a-->
        <a href="/picture/index.html">
            <img src="/static/h5/images/icon-menu-4.png" alt="">
            <p>素材</p>
        </a>
        <a  href="/book/index.html">
            <img src="/static/h5/images/icon-menu-1.png" alt="">
            <p>教材</p>
        </a>
  <#--      <a href="/document/index.html">
            <img src="/static/h5/images/icon-menu-6.png" alt="">
            <p>资料</p>
        </a>-->
    </van-row>
    <#if newCourseListPro??&& newCourseListPro?size gt 0>
        <div class="main-item">
            <div class="box-title">
                <div class="title-name">课程</div>
                <a href="/course/pro/list.html" class="title-more">
                    更多
                    <van-icon name="arrow"/>
                </a>
            </div>
            <div class="course-card">
                <van-row gutter="12">
                    <#list newCourseListPro as course >
                        <van-col span="12">
                            <a href="/course/view/${course.courseId!}.html">
                                <div class="course-pic"><img src="${course.cover!'/images/course/article-list-1.jpg'}" alt=""></div>
                                <div class="course-info">
                                    <div class="course-name text-two">${course.courseName!}</div>
                                </div>
                                <div class="course-price">
                                    <div class="fl">${course.categoryName!}</div>
                                    <#if course.price gt 0>
                                        <div class="fr">¥${course.price/100!}</div>
                                    <#else >
                                        <div class="fr">免费</div>
                                    </#if>
                                </div>
                            </a>
                        </van-col>
                    </#list>
                </van-row>
            </div>
        </div>
    </#if>
    <#if pictureAlbumVoList?? && pictureAlbumVoList?size gt 0>
        <div class="main-item">
            <div class="box-title">
                <div class="title-name">素材</div>
                <a href="/picture/index.html" class="title-more">
                    更多
                    <van-icon name="arrow"/>
                </a>
            </div>
            <div class="picture-list">
                <#list pictureAlbumVoList as album>
                    <a class="picture-item" href="/picture/album/view/${album.id!}.html">
                        <div class="picture-img"><img src="${album.pictures[0].coverUrl!}" alt=""></div>
                        <div class="picture-name text-one">${album.title!}</div>
                    </a>
                </#list>
            </div>
        </div>
    </#if>
    <#if bookLists?? && bookLists?size gt 0>
        <div class="main-item">
            <div class="box-title">
                <div class="title-name">教材</div>
                <a href="/book/index.html" class="title-more">
                    更多
                    <van-icon name="arrow"/>
                </a>
            </div>
            <div class="course-list">
                <#list bookLists as book>
                    <a href="/book/view/${book.id!}.html">
                        <div class="course-pic"><img src="${book.cover!}" alt=""></div>
                        <div class="course-info">
                            <div class="course-name text-two">${book.title!}</div>
                            <div class="course-des text-two">${book.intro!}</div>
                            <div class="course-time">${book.categoryName!}</div>
                        </div>
                    </a>
                </#list>
            </div>
        </div>
    </#if>
</#assign>
<#assign pageScript>
    <script src="/static/libs/swiper/swiper.min.js"></script>
    <script>
        new Vue({
            el: '#app',
            data() {
                return {
                    searchValue:'2021高考',
                    imgUrl: '/h5',
                    showFooter: true,
                    activeTab: 1,//底部菜单选中项
                    value: '',
                }
            },
            created() {
                let that = this;
            },
            methods: {
                onSearch(val) {

                },
                onCancel() {

                },
            }
        });
    </script>
</#assign>
<#include "layout_h5.ftl" />